@charset 'UTF-8';
//input的初始化
@mixin primary_input {
  border-radius: $border-radius;
  &:focus {
    border: 1px solid $theme-color;
  }
}
.theme-input {
  input {
    @include primary_input;
    width: 100%;
    height: 100%;
    color: $text-blacks-color;
    font-size: 14px;
  }
}

//按钮初始化
@mixin primary_button {
  background: $theme-color;
  color: $bg-color;
  border-radius: $border-radius;
  border: 1px solid $theme-color;
  padding: 0;
}
.theme-button {
  @include primary_button;
  &:active,
  &:focus,
  &:hover {
    @include primary_button;
  }
}
.primary-button {
  color: $bg-color;
  padding: 10px 19px;
  border-radius: $border-m-radius;
  &:active,
  &:focus,
  &:hover {
    color: $bg-color;
    padding: 10px 19px;
    border-radius: $border-m-radius;
  }
}
//绿色按钮
.green-button {
  background: #009944;
  border: none;
  &:active,
  &:focus,
  &:hover {
    background: #009944;
    border: none;
  }
}
//橙色按钮
.orange-button {
  background: #f15c18;
  border: none;
  &:active,
  &:focus,
  &:hover {
    background: #f15c18;
    border: none;
  }
}
//灰色按钮
.gary-button {
  background: #999;
  border: none;
  &:active,
  &:focus,
  &:hover {
    background: #999;
    border: none;
  }
}
